<template>
  <view class="content">
    <!-- 设置密码 -->
    <view class="info fz30 bg-white">
      <view class="logo-box t-c fz208">
        <image class="logo" src="../../static/box.png" mode="aspectFit"></image>
        <view class="mt10">易储众联</view>
      </view>
      <view class="item flex mt40 fz32 flex-x-between">
        <view>订单状态</view>
        <view class="main-theme-color">支付成功</view>
      </view>
      <!-- <view class="item flex mt40 fz32 flex-x-between">
        <view>订单尾号</view>
        <view>1560</view>
      </view> -->
      <view class="item flex mt40 fz32 flex-x-between">
        <view>支付总额</view>
        <view class="fz36 red bold">￥{{ state.totalFee }}元</view>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref, reactive, getCurrentInstance } from 'vue';
import { onLoad } from '@dcloudio/uni-app';

const { proxy } = getCurrentInstance();

const state = reactive({
  totalFee: null
});

// 页面加载完成
onLoad(async option => {
  await proxy.$onLaunched;
  state.totalFee = (+option.totalFee).toFixed(2);
});
</script>

<style lang="less" scoped>
@import url('@/common/less/common.less');

.info {
  line-height: 50rpx;
  padding: 50rpx 40rpx;
  .logo-box {
    .logo {
      width: 70rpx;
      height: 70rpx;
      padding: 15rpx;
      border: 2rpx solid #eee;
      border-radius: 50%;
    }
  }
  .item {
    &:last-of-type {
      padding: 20rpx 0;
      border-top: 2rpx solid #eee;
    }
  }
}
</style>
